<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>${title}</title>
        <link href="<%=basePath%>/images/favicon.ico" rel="shortcut icon" />
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="<%=basePath%>/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/font-awesome.min.css">
        <link rel="stylesheet" href="<%=basePath%>/css/ionicons.min.css">
        <link rel="stylesheet" href="<%=basePath%>/dist/css/AdminLTE.min.css">
        <link rel="stylesheet" href="<%=basePath%>/dist/css/skins/_all-skins.min.css">
        <link rel="stylesheet" href="<%=basePath%>/pagination/style/pagination.css" media="screen">
        <link rel="stylesheet" href="<%=basePath%>/plugins/iziModal/css/iziModal.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/viewer/viewer.min.css">
        <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/flavr.css">
    </head>
    <body class="hold-transition skin-blue sidebar-mini">
    <div id="request-div" style="position: absolute;width: 100%;height: 100%;z-index: 10;display: none;">
        <img src='../images/request-sending.gif' style="position: relative;top: 50%;left: 50%;width: 70px;height: 70px">
    </div>
    <div class="wrapper">
        <header class="main-header">
            <jsp:include page="logo.jsp" ></jsp:include >
            <nav class="navbar navbar-fixed-top" >
                <a  class="sidebar-toggle" data-toggle="offcanvas" role="button" onclick="show()">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <jsp:include page="menuTop.jsp" ></jsp:include >
            </nav>
        </header>
        <aside class="main-sidebar">
            <jsp:include page="menu.jsp"></jsp:include>
        </aside>

        <input type="hidden" value="<%=basePath%>" id="basePath">
        <input type="hidden" value="keyword" name="keyword" id="keyword">

        <div class="content-wrapper" style="padding-top: 50px;">
            <section class="content-header">
                <ol class="breadcrumb">
                    <!-- <li class="text-muted"><i class="fa fa-wrench"></i> 运维管理</li>
                    <li class="text-muted"><i class="fa fa-circle-o"></i> 维修</li> -->
                </ol>
            </section>
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box box-info">
                            <div class="box-header with-border"></div>

                            <div class="box-body" style="margin:5px 0 -10px 0;min-height: 600px">
                                <div class="row col-md-12">
                                    <div class="nav-tabs-custom">
                                        <ul class="nav nav-tabs">
                                            <li class="active">

                                                <a href="#assets-list" data-toggle="tab" style="font-size: 18px">
                                                    设备列表
                                                    <span  id="assetsCount"  class="badge bg-green" style="margin-left: 5px;margin-top: -5px"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#repair-list" data-toggle="tab" style="font-size: 18px">
                                                    维修列表
                                                    <span  id="repairCount"  class="badge bg-red" style="margin-left: 5px;margin-top: -5px"></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#contract-list" data-toggle="tab" style="font-size: 18px">
                                                    合同列表
                                                    <span  id="contractCount"  class="badge bg-blue" style="margin-left: 5px;margin-top: -5px"></span>
                                                </a>
                                            </li>

                                        </ul>
                                        <div class="tab-content">
                                            <div class="active tab-pane" id="assets-list">
                                                <table class="table table-striped table-bordered" >
                                                    <thead>
                                                    <tr class="info">
                                                        <th class="text-left text-muted">#</th>
                                                        <th class="text-left text-muted">设备名称</th>
                                                        <th class="text-left text-muted">型号</th>
                                                        <th class="text-left text-muted">序列号</th>
                                                        <th class="text-left text-muted">医院</th>
                                                        <th class="text-left text-muted">科室</th>
                                                        <th class="text-left text-muted">厂商</th>
                                                        <th class="text-left text-muted">设备状态</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="device_tbody">
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tab-pane" id="repair-list">
                                                <table class="table table-striped table-bordered">
                                                    <thead>
                                                    <tr class="info">
                                                        <th class="text-left text-muted">#</th>
                                                        <th class="text-left text-muted">维修编号</th>
                                                        <th class="text-left text-muted">设备名称</th>
                                                        <th class="text-left text-muted">型号</th>
                                                        <th class="text-left text-muted">序列号</th>
                                                        <th class="text-left text-muted">医院</th>
                                                        <th class="text-left text-muted">厂商</th>
                                                        <th class="text-left text-muted">设备状态</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="repair-tbody">
                                                    </tbody>
                                                </table>
                                            </div>

                                            <div class="tab-pane" id="contract-list">
                                                <table class="table table-striped table-bordered">
                                                    <thead>
                                                    <tr class="info">
                                                        <th class="text-left text-muted">#</th>
                                                        <th class="text-left text-muted">合同编号</th>
                                                        <th class="text-left text-muted">设备名称</th>
                                                        <th class="text-left text-muted">设备型号</th>
                                                        <th class="text-left text-muted">医院</th>
                                                        <th class="text-left text-muted">厂商</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="contract-tbody">

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.box -->
                    </div>
                </div>
            </section>
        </div>
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.0
            </div>
            <strong>Copyright &copy; 2019 <a
                    href="http://almsaeedstudio.com">Topmed</a>.
            </strong> All rights reserved.
        </footer>
        <jsp:include page="menuRight.jsp"></jsp:include>
    </div>
    <script src="<%=basePath%>/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="<%=basePath%>/bootstrap/js/bootstrap.min.js"></script>
    <script src="<%=basePath%>/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="<%=basePath%>/plugins/fastclick/fastclick.js"></script>
    <script src="<%=basePath%>/dist/js/app.min.js"></script>
    <script src="<%=basePath%>/dist/js/demo.js"></script>
    <script src="<%=basePath%>/bootstrapvalidator/js/bootstrapValidator.min.js"></script>
    <script src="<%=basePath%>/pagination/js/jquery.pagination.min.js"></script>
    <script src="<%=basePath%>/js/overallSituation.js"></script>
    <script src="<%=basePath%>/toastr/toastr.js"></script>
    <script src="<%=basePath%>/plugins/iziModal/js/iziModal.min.js"></script>
    <script src="<%=basePath%>/plugins/flavr/flavr.min.js"></script>
    <script src="<%=basePath%>/plugins/viewer/viewer.min.js"></script>
    <script src="<%=basePath%>/js/device-search.js"></script>
    </body>
</html>